import axios from 'axios'
import { ElMessage } from 'element-plus'
//引入用户相关仓库
import userStore from '@/store/modules/user'


//第一步：利用axios对象的create方法，去创建axios实例（其他配置：基础路径、超时时间）
const request = axios.create({
    //基础路径配置
    baseURL: import.meta.env.VITE_APP_BASE_API,//基础路径上会携带/api
    // timeout: 10000,//超时时间设置
})

//第二步：给axios实例添加请求连接器，和响应拦截器
request.interceptors.request.use((config) => {
    //获取用户相关小仓库：获取仓库内部token，登录成功以后会携带给服务器
    let userstore = userStore();
    if (userstore.token) {
        config.headers.token = userstore.token
    }

    //config配置对象，headers属性请求头，经常给服务器端携带公共参数
    //返回配置对象(因为config中携带请求头)
    return config
})
//第三步：配置响应拦截器
request.interceptors.response.use((response) => {
    // let message = ''
    // switch (response.data.code) {
    //     case 201:
    //         message = "账号密码错误"
    //         break
    //     default:
    //         message = "网络出现问题"
    //     ElMessage({
    //         type: "error",
    //         message,
    //     })
    //     return Promise.reject(response);
    // }
    // console.log(response.data.code)
    return response.data
}, (error) => {
    //失败回调处理http网络请求

    //定义message用来存储错误信息
    let message = ''
    //获取http状态码
    let state = error.response.status
    console.log(error)
    switch (state) {
        case 401:
            message = "token过期"
            break
        case 403:
            message = "无权访问"
            break
        case 404:
            message = "请求地址错误"
            break
        case 500:
            message = "服务器出现问题"
            break
        default:
            message = "网络出现问题"
            ElMessage({
                type: "error",
                message,
            })
            return Promise.reject(error);
    }
})

export { request }
